<template>
  <el-tabs class="tabs" v-model="activeTabName">
    <el-tab-pane label="文档" name="docTab">
      <Doc></Doc>
    </el-tab-pane>

    <el-tab-pane label="表格" name="tableTab">    
      <Table></Table>
    </el-tab-pane>
  </el-tabs>
</template>

<script setup>
  import {ref} from "vue";
  import Table from "./component/Table.vue";
  import Doc from "./component/Doc.vue";
  
  const activeTabName = ref("docTab");
</script>

<style setup>
body, html {
  max-width: 720px;
  margin: 0 auto;
  padding: 0 10 0 10;
}

.tabs > .el-tabs__content {
  padding: 32px;
  color: #6b778c;
  font-size: 32px;
  font-weight: 600;
}
</style>